/*全局*/
:root{
	--color:#333;
	--redColor:#D1111C;
}
* {box-sizing: border-box;}
html {overflow-x: hidden;}
body {color: #333;line-height: 2;font-size: 16px;overflow-x: hidden;background-color: #fff;min-width: 1200px;}
.layui-container {width: 1200px;}
a:hover {text-decoration: none;color: #f00;}
.margin-top10 {margin-top: 10px;}
.margin-top15 {margin-top: 15px;}
.margin-top20 {margin-top: 20px;}
.margin-top30 {margin-top: 30px;}
.margin-top40 {margin-top: 40px;}
.margin-top50 {margin-top: 50px;}
.margin-bottom40 {margin-bottom: 40px;}
.relative {position: relative;}
.text-white,.text-white a {color: #fff;}
/*图片父级容器正方形显示*/
.auto-box {position: relative;overflow: hidden; padding-bottom: 100%;border: 0px solid #ddd;background: #f8f8f8;}
.auto-box .auto-flex {position: absolute;width:100%; height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.auto-box .auto-flex a {display: block;height: 100%;}
.auto-box .auto-flex img {height:100%;max-width: auto!important;}

/* 首页 */
.header {padding-top: 15px;padding-bottom: 15px;}
.header .layui-container {display: flex;justify-content: space-between;}

.nav-box {background-color: #228ED9;text-align: center;}
.nav-box >ul >li {display: inline-block;background: url(../images/index_10.jpg) left center no-repeat;}
.nav-box >ul >li:nth-child(1) {background: none;}
.nav-box >ul >li >a {color: #fff;display: block;line-height: 60px;padding: 0 65px;font-size: 20px;}

.banner-box .swiper-slide {height: 599px;}

.index-pro {position: relative;padding-left: 60px;padding-right: 60px;}
.index-pro .prev, .index-pro .next {position: absolute;top: 40%;}
.index-pro .prev {left: 0;}
.index-pro .next {right: 0;}

.procate-box .item {display: flex;flex-direction: column;align-items: center;background-color: #147EC8;color: #fff;height: 180px;justify-content: center;}
.procate-box .item b {font-size: 20px;}
.procate-box .item p {font-size: 14px;text-transform: capitalize;line-height: normal;margin-bottom: 15px;}
.procate-box .item span {font-size: 14px;background-color: #fff;color: #000;display: inline-block;padding: 0 10px;}

.index-product-list .item {text-align: center;margin-bottom: 25px;}
.index-product-list .item .img {display: flex;height: 280px;overflow: hidden;border: 3px solid #147EC8;}
.index-product-list .item p {font-size: 18px;}

.index-about .about-title {background: url(../images/index_28.jpg) left top repeat-x;}

.index-lianxi {background-color: #A6DAFF;padding-top: 30px;padding-bottom: 30px;}

#form-index input,#form-index textarea {width: 100%;background-color: #fff;border: none;padding:5px 10px;box-sizing: border-box;min-height: 48px;}
#form-index label {font-size: 20px;font-weight: 500;}

.footer-box {background-color: #147EC8;color: #fff;padding-top: 20px;padding-bottom: 20px;}
.footer-box a {color: #fff;}
.footer-nav >ul {display: flex;justify-content: center;}
.footer-nav >ul >li {background: url(../images/index_10.jpg) left center no-repeat;padding-left: 30px;padding-right: 30px;}
.footer-nav >ul >li:nth-child(1) {background: none;}

/* 内页样式 */
.nav-position-title {background-color: #1B5A9F;color: #fff;font-size: 36px;font-weight: bold;padding-top: 20px; padding-bottom: 20px;}
.nav-position {background-color: #EEF1F6;line-height: 50px;}
.nav-position * {font-size: 18px;}

.sub-nav-list {margin-bottom: 20px;}
.sub-nav-list li {float: left;margin-right: 10px;margin-bottom:10px;}
.sub-nav-list li i {display: none;}
.sub-nav-list li a {display: inline-block;border: 1px solid #ddd;padding: 3px 20px;border-radius: 20px;}
.sub-nav-list li a:hover {background: #1151A6;color: #fff;border: 1px solid #1151A6;}
.sub-nav-list li.active a {background: #1151A6;color: #fff;border: 1px solid #1151A6;}
/*.left-box {width: 244px;}
.right-box {width: 900px;}*/
.left-title {}

.left-menu {background-color: #525252;color: #fff;line-height: 40px;padding: 0 10px;margin-top: 1px;}
.left-menu a {color: #fff;}
.left-menu i {float: right;}
.left-submenu {display: none;}
.left-submenu li {border-bottom: 1px solid #ddd;}
.left-submenu a {display: block;line-height: 36px;padding: 0 5px;font-size: 14px;}
.left-submenu a i {font-size: 14px;}

.page-con {
	background: #fff;
	padding: 15px;
	border-radius: 6px;
	border:1px solid #ddd;
	box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
}
.pagination-group {background: #fff;}


@media only screen and (min-width: 320px) and (max-width: 640px)  {
	
	
	
}